<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Waitwaitwait</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>
	<style type="text/css">
		h2 {color:blue;}
		p{color:blue;}
		input{color:red;}
		.dem{color:red;}
		.dem2{color:blue;}
		#dem{color:green;}
		#wrapper>div>.dem{
			border:2px solid #000;
		}
		span:hover{color:red; cursor:pointer;}
	</style>
</head>
<body>
	<span>用于测试伪类选择器</span>
	<div id="wrapper">
		<div>
			div-1
		</div>
		<div>
			div-2
		</div>
		<div>
			abc
			<div class="dem">
			div-3
			</div>abc
		</div>
		<div>
			
			<div class="dem">
			div-4
			</div>
		</div>
		<div>
			
			<p>
			div-5
			</p>
		</div>
		<div>
			
			<div class="dem">
			div-6
			</div>
		</div>
		<div>
			
			<div>
			div-7
			</div>
		</div>
	</div>
	<h1 style="color:red;font-size: 30px"> waitwaitwaitwhat? </h1>
	<h6 class="dem dem2">waitwaitwaitwhat?</h6>
	<h6 id="dem">waitwaitwaitwhat?</h6>
<p>waitwaitwaitwhat?</p>
<input type="text"/>
</body>
</html>